<template>
	<view class="page">
		<view class="title">
			4.9.onShow和onHide钩子的对比和执行顺序
		</view>
		<view class="p">
			官网链接API
			<uni-link href="https://uniapp.dcloud.net.cn/tutorial/page.html#lifecycle" text="uniapp页面声明周期"
				color="#007BFF"></uni-link>
			<uni-link href="https://uniapp.dcloud.net.cn/tutorial/vue3-composition-api.html" text="vue3页面声明周期"
				color="#007BFF"></uni-link>
		</view>
		<view class="p">
			onShow被调用---监听页面显示，页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面
		</view>
		<view class="p">
			onHide被调用---一般情况用在广告显示，视频播放暂停功能
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
	onLoad(() => {
		console.log("onload被调用");
	})
	onReady(() => {
		console.log("onReady被调用");
	})
	onShow(() => {
		console.log("onShow被调用---监听页面显示，页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面	");
	})
	onHide(() => {
		console.log('onHide被调用---一般情况用在广告显示，视频播放暂停功能')
	})
</script>

<style lang="scss" scoped>

</style>